﻿<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script type="text/javascript" src="./Scripts/jquery-3.3.1.min.js"></script>

    <script type="text/javascript" src="./Scripts/bootstrap-3.3.7/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="./Scripts/bootstrap-3.3.7/bootstrap-3.3.7-dist/css/bootstrap.min.css" />

    <script type="text/javascript" src="./Scripts/bootstrap-table/bootstrap-table.min.js"></script>
    <link rel="stylesheet" href="./Scripts/bootstrap-table/css/bootstrap-table.min.css" />
    <script type="text/javascript" src="./Scripts/bootstrap-table/bootstrap-table-zh-CN.min.js"></script>

    <script type="text/javascript" src="./Scripts/bootstrap-datepicker-dist/js/bootstrap-datepicker.min.js"></script>
    <link rel="stylesheet" href="./Scripts/bootstrap-datepicker-dist/css/bootstrap-datepicker.min.css" />
    <script type="text/javascript" src="./Scripts/bootstrap-datepicker-dist/locales/bootstrap-datepicker.zh-CN.min.js"></script>

    <script type="text/javascript" src="./Scripts/bootstrap-table/bootstrap-table-export/libs/js-xlsx/xlsx.core.min.js"></script>
    <script type="text/javascript" src="./Scripts/bootstrap-table/bootstrap-table-export/tableExport.min.js"></script>
    <script type="text/javascript" src="./Scripts/bootstrap-table/bootstrap-table-export/bootstrap-table-export.js"></script>

    <script type="text/javascript" src="./Scripts/vue.min.js"></script>

    <script type="text/javascript" src="./JS/JSUtils.js"></script>
    <script type="text/javascript" src="./JS/Report.js"></script>
    <title>工作报告</title>
</head>
<body>
    <div class="panel-body" style="padding-bottom:0px;">
        <div class="panel panel-default">
            <div class="panel-heading">查询条件</div>
            <div class="panel-body">
                <form id="formSearch" class="form-horizontal">
                    <div class="form-group">
                        <!--<label class="control-label col-sm-1" for="txt_search_ReportDate">报告日期</label>
                        <div class="col-sm-4">
                            <div id="Search_ReportDatePicker" class="input-group date form_date col-md-12" data-date="" data-date-format="dd MM yyyy" data-link-field="txt_search_ReportDate" data-link-format="yyyy-mm-dd">
                                <input class="form-control" size="16" type="text" value="" readonly>
                                <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
                                <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
                            </div>
                            <input type="hidden" id="txt_search_ReportDate" value="" />
                        </div>-->
                        <label class="control-label col-sm-1" for="search_datepicker">报告日期</label>
                        <div class="col-sm-4">
                            <div class="input-daterange input-group" id="search_datepicker">
                                <input type="text" class="form-control" name="start" />
                                <span class="input-group-addon">to</span>
                                <input type="text" class="form-control" name="end" />
                            </div>
                        </div>
                        <div class="btn-group">
                            <button type="button" id="btn_query" class="btn btn-primary">查询</button>
                            <button type="button" id="btn_clear" class="btn btn-info">清空</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>

        <div id="toolbar" class="btn-group">
            <button id="btn_add" type="button" class="btn btn-default">
                <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>新增
            </button>
            <button id="btn_edit" type="button" class="btn btn-default">
                <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>修改
            </button>
            <button id="btn_delete" type="button" class="btn btn-default">
                <span class="glyphicon glyphicon-remove" aria-hidden="true"></span>删除
            </button>
        </div>
        <table id="tb_report"></table>


        <div class="modal fade" id="Modal_add" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="false">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                            &times;
                        </button>
                        <h4 class="modal-title" id="myModalLabel">
                            新增日志
                        </h4>
                    </div>
                    <div class="modal-body">
                        <div class="form-horizontal">
                            <div class="form-group">
                                <div class="col-sm-12">
                                    <label class="control-label col-sm-2" for="add_datepicker">报告日期:</label>
                                    <div class="col-sm-10">
                                        <input id="add_datepicker" type="text" class="form-control">
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-sm-12">
                                    <label class="control-label col-sm-2" for="add_ReportInfo">日志内容:</label>
                                    <div class="col-sm-10">
                                        <textarea class="form-control" id="add_ReportInfo" rows="8"></textarea>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-sm-12">
                                    <label class="control-label col-sm-2" for="add_Remark">备注:</label>
                                    <div class="col-sm-10">
                                        <textarea class="form-control" id="add_Remark" rows="2"></textarea>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">
                            关闭
                        </button>
                        <button type="button" class="btn btn-primary" onclick="add_save()">
                            保存
                        </button>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal fade" id="Modal_edit" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="false">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                            &times;
                        </button>
                        <h4 class="modal-title" id="myModalLabel">
                            修改日志
                        </h4>
                    </div>
                    <div class="modal-body">
                        <div class="form-horizontal">
                            <input type="hidden" id="edit_reportid">
                            <div class="form-group">
                                <div class="col-sm-12">
                                    <label class="control-label col-sm-2" for="edit_datepicker">报告日期:</label>
                                    <div class="col-sm-10">
                                        <input id="edit_datepicker" type="text" class="form-control">
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-sm-12">
                                    <label class="control-label col-sm-2" for="edit_ReportInfo">日志内容:</label>
                                    <div class="col-sm-10">
                                        <textarea class="form-control" id="edit_ReportInfo" rows="8"></textarea>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-sm-12">
                                    <label class="control-label col-sm-2" for="edit_Remark">备注:</label>
                                    <div class="col-sm-10">
                                        <textarea class="form-control" id="edit_Remark" rows="2"></textarea>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">
                            关闭
                        </button>
                        <button type="button" class="btn btn-primary" onclick="edit_save()">
                            保存
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script>
        $('#search_datepicker').datepicker({
            todayBtn: "linked",
            format: "yyyy-mm-dd",
            clearBtn: true,
            todayHighlight: true,
            language: "zh-CN"
        });
        $('#add_datepicker').datepicker({
            todayBtn: "linked",
            format: "yyyy-mm-dd",
            clearBtn: true,
            todayHighlight: true,
            language: "zh-CN"
        });
        $('#edit_datepicker').datepicker({
            todayBtn: "linked",
            format: "yyyy-mm-dd",
            clearBtn: true,
            todayHighlight: true,
            language: "zh-CN"
        });
    </script>
    <script>
        //var modaledit = new Vue({
        //    el: '#Modal_edit',
        //    data: {
        //
        //    },
        //    methods: {
        //        editsave: function () {
        //            alert(123123);
        //        }
        //    }
        //})
    </script>
</body>
</html>
